<template>
    <hb-select-base :list="list" @select="(i, v)=>{$emit('select', i, v)}" class="box0">
        <slot />
    </hb-select-base>
</template>

<script>
export default {
	props: {
		list: {
			default: [],
		},
	},
}
</script>

<style>
.qsoft-select-box {
	height: 48px;
	background-color: #191c29;
}
.box0 > .qsoft-select-items {
	display: inline-block;
	padding-left: 30px;
	line-height: 48px;
	font-size: 16px;
	color: var(--clr0);
	font-weight: 700;
}
.box0 > .active {
	color: var(--clr1);
}
.box0 > .test {
	float: right;
}
</style>